@import "./modules/reset.scss";
@import "./modules/header.scss";
@import "./modules/footer.scss";

body{
    overflow-x: hidden;
}
.content{
    margin-top: 70px;
    min-height: 100px;
    width: 100%;
    background-color: pink;
    .con-1{
        width: 100%;
        height: 60px;
        // background-color: greenyellow;
        h2{
            height: 60px;
            float: left;    
            line-height: 60px;
            margin-left: 240px;
            font-size: 20px;
        }
        div{
            height: 60px;
            float: right;
            margin-right: 200px;
            line-height: 60px;
            
            
            p{
            float: left;
            margin-left:40px ;
            }
        } 
        }
    //    con-2
    .con-2{
        min-height: 560px;
        position: relative;
        height: 560px;
        img{
            width: 100%;
            height: 560px;
            position: absolute;
        }

        
    }
        
    }

    // list
    .list{
        min-height: 500px;
        width: 100%;
        .list-1{
            height: 114px;
            width: 100%;
            background-color:#f5f5f5;
           p{   
               height: 114px;
               float: left;
               font-size: 24px;
               margin-left: 120px;
               line-height: 114px;
               margin-right: 60px;
           }
           
               li{
            float: left;
            width: 100px;
            height: 30px;
            border: 1px black solid;
            text-align: center;
            border-radius: 20px;
            margin-top: 42px; 
            margin-left: 20px; 
            background-color: white;    
            line-height: 30px;   
            a{  
                margin-top: 2px;
                color:black ;           
            }}
            span{
                float: right;
                height:30px ;
                width: 80px;
                border-radius: 20px;
                text-align: center;
                // line-height: 114px;
                border: 1px black solid;
                margin-top: 36px;
                margin-right: 100px;
                background-color: white;
                padding-top: 6px;
                a{
                    color: black;
                }
            }
           
           
        }
        // list2
        .list-2 li:hover p{
            display: inline-block;
        }
        .list-2{
            width: 100%;
            min-height:500px;
            background-color: #f5f5f5;
            ul{
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content:space-around;
                li{
                    width: 330px;
                    height: 550px;
                    text-align: center;
                    background-color: white;
                    margin-bottom: 10px;
                    img{
                        width: 250px;
                        margin-top: 50px;
                        }
                    div{
                        
                            height: 50px;
                            // background-color: pink;
                            font-size: 30px;
                            margin-top: 29px;
                            text-align: center;
                            line-height: 50px;
    
                        
                    
                        }
                    h3{
                        width: 100%;
                        font-weight: bold;
                        font-size: 24px;
                        // text-align: center;
                        // margin-top: 30px;
                        }
                    p{
                        width: 120px;
                        height: 30px;
                        border: 1px black solid;
                        border-radius: 20px;
                        // margin-left: 40px;
                        padding-top: 10px;
                        margin-top: 30px;
                        display: none;
                        a{
                            color: black;
                        }
                    }
                }
            }
        }
    }